export const option = {
  tooltip: {
    trigger: 'axis',
    formatter: function (params) {
      // console.log(params);
      return `${params[0].seriesName}:${params[0].value}`
    },
  },
  toolbox: {
    show: true,
  },
  grid: {
    top: 20,
    bottom: 20,
    left: 40,
    right: 50,
  },
  xAxis: {
    name: '年份',
    type: 'category',
    // boundaryGap: false,
    data: ['2020', '2021'],
    splitLine: {
      //网格线
      show: false,
    },
  },
  yAxis: {
    type: 'value',
    splitLine: {
      //网格线
      //   show: false
    },
    max: 100,
  },
  series: [
    {
      name: '自体检值',
      type: 'bar',
      data: [18, 25],
      barWidth: '15',
      itemStyle: {
        color: 'rgb(30,189,255)',
      },
      markLine: {
        silent: false,
        symbol: 'none', //去掉警戒线最后面的箭头
        label: {
          show: true,
          position: 'middle', //将警示值放在哪个位置，三个值“start”,"middle","end"  开始  中点 结束
        },
        data: [
          {
            silent: false, //鼠标悬停事件  true没有，false有
            lineStyle: {
              //警戒线的样式  ，虚实  颜色
              type: 'dashed',
              //   color: 'rgb(244,192,65)'
            },
            label: {
              position: 'end',
              formatter: '参考区间',
              fontSize: '10',
            },
            yAxis: 10, // 警戒线的标注值，可以有多个yAxis,多条警示线   或者采用   {type : 'average', name: '平均值'}，type值有  max  min  average，分为最大，最小，平均值
          },
          {
            silent: false, //鼠标悬停事件  true没有，false有
            lineStyle: {
              //警戒线的样式  ，虚实  颜色
              type: 'dashed',
              //   color: 'rgb(244,192,65)'
            },
            label: {
              position: 'end',
              formatter: '参考区间',
              fontSize: '10',
            },
            yAxis: 5, // 警戒线的标注值，可以有多个yAxis,多条警示线   或者采用   {type : 'average', name: '平均值'}，type值有  max  min  average，分为最大，最小，平均值
          },
        ],
      },
      markArea: {
        itemStyle: {
          color: 'rgba(244,192,65,0.7)',
        },
        data: [
          [
            {
              yAxis: 60,
            },
            {
              yAxis: 80,
            },
          ],
        ],
      },
    },
    // {
    //   name: '参考值最大值',
    //   type: 'line',
    //   data: [41, 41, 41, 41],
    //   itemStyle: {
    //     normal: {
    //       color: '#f3ff03',
    //       lineStyle: {
    //         color: '#f3ff03'
    //       }
    //     }
    //   }
    // },
    // {
    //   name: '参考值最小值',
    //   type: 'line',
    //   data: [10, 10, 10, 10],
    //   itemStyle: {
    //     normal: {
    //       color: 'rgb(247,202,94)',
    //       lineStyle: {
    //         color: 'rgba(247,202,94,.9)'
    //       }
    //     }
    //   }
    // }
  ],
}

export const option1 = {
  yAxis: {
    type: 'category',
    data: [],
  },
  xAxis: {
    type: 'value',
    axisLabel: {
      show: true,
      interval: 'auto',
      formatter: '{value} %',
    },
    show: true,
  },
  tooltip: {
    trigger: 'axis',
    axisPointer: {
      type: 'shadow',
    },
    formatter: '{c}%',
  },
  grid: {
    left: '3%',
    right: '4%',
    bottom: '3%',
    containLabel: true,
  },
  series: [
    {
      label: {
        show: true,
        position: 'right',
        formatter: '{c}%',
      },
      data: [],
      color: '#74A0FA',
      type: 'bar',
      markLine: {
        symbol: 'none',
        label: {
          normal: {
            show: false,
          },
        },
        data: [
          {
            silent: false,
            lineStyle: {
              color: '#CB163A',
            },
            xAxis: 41,
          },
          {
            silent: false,
            lineStyle: {
              color: '#CB163A',
            },
            xAxis: 9,
          },
        ],
      },
    },
  ],
}
